﻿body::-webkit-scrollbar {
    /*隐藏滚动条*/
    display: none;
}

/*按钮默认背景色*/
 .b1{   background-color: #27938B;}

.layui-container, .layui-form-item, .layui-elem-quote {
    background-color: #fefefe;
}
.layui-container {
    margin-top: 60px;
/*    padding-top:15px;*/
    width:100%;
    min-height: calc(100vh - 60px);
/*    border-radius: 10px;*/
}
.layui-nav .layui-nav-child a:hover {
    /*导航菜单、子菜单、文字悬停*/
    font-weight: bold;
    /*background-color: #393D49;*/
    background-color: #2F4056;
    color: white;
}
.layui-nav-child {
    top: 50px;
}
.layui-layout-admin .layui-header {
    /*后台导航条*/
    margin-bottom: 10px;
    background-color: #2F4056;
}
.layui-layout-admin .layui-logo {
    /*欢迎老师*/
    color: #ccc;
}
.layui-table th {
    /*表格标题行*/
    font-weight: bold;
}
.y-red {
    /*自定义红*/
    color: red;
}
blockquote {
    border: 1px solid #eee;
}
.layui-form-pane .layui-form-label {
    /*表单标签的宽度*/
    width: 120px;
}
.layui-form-pane .layui-input-block {
    /*表单项的左边界*/
    margin-left: 120px;
}
.good {
    /*奖励加分 快速设置按钮*/
    background-color: #22B14C;
    width: 88px;
}
.bad {
    /*惩罚扣分 快速设置按钮*/
    background-color: #FD8E41;
    width: 88px;
}
.yes {
    /*已交作业的学生*/
    background: #99CC66;
    color: #333;
    display: inline-block;
}
.no {
    /*未交作业的学生*/
    background: #FFCCCC;
    color: #333;
    display: inline-block;
}
.yes:hover, .no:hover {
    /*鼠标移入按钮*/
    background: #000;
}
.add3 {
    /*四种加分框的样式*/
    resize: none;
    background-image: url('/statics/imgs/3.png');
    background-position:80% 50%;
    background-repeat: no-repeat;
    background-color: #bff1f7
}
.add2 {
    resize: none;
    background-image: url('/statics/imgs/2.png');
    background-position:80% 50%;
    background-repeat: no-repeat;
        background-color: #dff7c7
}
.add1 {
    resize: none;
    background-image: url('/statics/imgs/1.png');
    background-position:80% 50%;
    background-repeat: no-repeat;
        background-color: #f5f5c7
}
.add0 {
    resize: none;
    background-image: url('/statics/imgs/0.png');
    background-position:80% 50%;
    background-repeat: no-repeat;
        background-color: #f9e9ed
}
.layui-table-tool-temp {
    /*数据表格 顶部工具栏 模板*/
    padding-right: 0;
}
#total_stu, #random_stu {
    /*学生数统计、随机点名按钮 */
    width: 110px;
}
.stu1, .stu0, .stu3 {
    /*高分、空位、低分 学生名牌*/
    width: 65px;
    padding: 5px 0;
    height: 53px;
    margin-bottom: 3px;
}

.stu1 {
    background-color: #27938B;
    color: white;
}
.stu1:hover, .stu3:hover {
    background-color: #1E9FFF;
    color: white;
}
/*空位名牌*/
.stu0 {
    color: #ccc;
}
/*负分或有惩罚学生*/
.stu3 {
    background-color: #D3869B;
    color: white;
}
/*班干部名牌*/
.stu4 {
    background-image:url('/statics/imgs/role/班干.png');
    background-repeat: no-repeat;
    background-position: right top;
}
/*信息技术课代表的名牌*/
.stu5 {
    background-image:url('/statics/imgs/role/信息.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #667F07;

}
/*班长名牌*/
.stu9{
    background-image:url('/statics/imgs/role/班长.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #667F07;


}

.stuChose {
    /*随机点名选中者*/
    background-color: red;
}
#div_random_stu {
    /*学生名牌容器 */
    margin: 0px 10px;
    height: 445px;
    width: 750px;
    padding: 10px 0;
    /*background-color: #e0e0e0;*/
}

.layui-field-title legend {
    color: #2975E6;
}
#div_bjkc {
    /*插件 班级课程*/
/*    text-align: center;*/
}
#bjkc{
    width:78%;
    margin:0 auto;
    padding:20px 0px 15px 0px;

}


#pageTop{
/*    background-color:#22262A;*/
    width:100%;
    margin:0 auto;
    padding:20px 0px 20px 0px;
}

/* 30度折⾓ */
.title1{
 text-align:center;
 color:#fff;
 background: linear-gradient(-150deg, transparent 1rem, #2baaca 0);
 border-radius: .3em;
 position: relative;
 font-size:12pt;
 padding:10px;
 min-width: 120px;
}
.title1::before{
 content: '';
 position: absolute;
 right: 0;
 top: -0.85rem;
 width: 1.15em;
 height: 2em;
 background: linear-gradient(to left bottom, transparent 50%, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.4)) 100% 0 no-repeat;
 transform: rotate(-30deg);
 transform-origin: bottom right; /* 让三⾓形的右下⾓成为旋转的中⼼ */
 box-shadow: -.2em .2em .3em -.1em rgba(0, 0, 0, .15);
 border-bottom-left-radius: inherit; /* 左下⾓继承border-radius */
}


/*移入表格行时*/
.layui-table-hover{
    /*background-color:#f0f0f0;
    font-weight:bold;*/
}
